<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<%@page isELIgnored="false" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Allergy Tracker Demo</title>
    <style type="text/css"><!--
body{font-family:sans-serif; text-align:center;}
div.container{width:520px; text-align:left;}
div.entry {
    clear:both;
}
label {
    width:187px;
    float:left;
    text-align:right;
    padding-top:2px;
    margin-bottom:13px;
    margin-right: 6px;
}
    --></style>
</head>
<body><center>
<div class="container">

    <p>Step 1: Register your UDID. You will get a Google URL after you register. Load that URL to finish the registration process</p>

    <form action="/google/create_login" method="post">
        <input type="hidden" name="appName" value="allergytracker"/>
        <div class="entry">
            <label>The device UDID</label>
            <input type="text" name="username" value=""/>
        </div>
        <div class="entry">
            <label> </label>
            <input type="submit" value="Register"/>
        </div>
    </form>

    <p>Step 2: Submit a new Allergen to Google Health</p>

    <form action="/allergytracker/demo" method="post">
        <input type="hidden" name="type" value="allergy"/>
        <div class="entry">
            <label>The device UDID</label>
            <input type="text" name="username" value=""/>
        </div>
        <div class="entry">
            <label>Allergen #1</label>
            <input type="text" name="allergen1" value=""/>
        </div>
        <div class="entry">
            <label>Severity #1</label>
            <select name="severity1">
                <option value="Mild" selected="selected">Mild</option>
                <option value="Severe">Severe</option>
            </select>
        </div>
        <div class="entry">
            <label>Allergen #2</label>
            <input type="text" name="allergen2" value=""/>
        </div>
        <div class="entry">
            <label>Severity #2</label>
            <select name="severity2">
                <option value="Mild" selected="selected">Mild</option>
                <option value="Severe">Severe</option>
            </select>
        </div>
        <div class="entry">
            <label>Allergen #3</label>
            <input type="text" name="allergen3" value=""/>
        </div>
        <div class="entry">
            <label>Severity #3</label>
            <select name="severity3">
                <option value="Mild" selected="selected">Mild</option>
                <option value="Severe">Severe</option>
            </select>
        </div>
        <div class="entry">
            <label>Note</label>
            <textarea name="note" rows="5" cols="45"></textarea>
        </div>
        <div class="entry">
            <label> </label>
            <input type="submit" value="Send"/>
        </div>
    </form>

</div>
</center></body>
</html>
